
$(function() {
    $('#createTimeStart').datepicker({
        format: "yyyy-mm-dd",
        todayBtn: "linked",
        language: "zh-CN",
        autoclose: true,
        todayHighlight: true,
        toggleActive: true
    });
    $('#createTimeEnd').datepicker({
        format: "yyyy-mm-dd",
        todayBtn: "linked",
        language: "zh-CN",
        autoclose: true,
        todayHighlight: true,
        toggleActive: true
    });
    $('#status').bootstrapSwitch({
        onText:"有效",
        offText:"无效",
        onColor:"info",
        offColor:"default",
        size:"mini",
        onSwitchChange:function(event,state){
            if(state==true){
            }else{
            }
        }

    });
    initTable();
});

function initTable() {
    var columns = [{
            checkbox: true
        },
        {
            field: 'id',
            title: 'ID'
        },
        {
            field: 'username',
            title: '用户名',
            sortable: true
        },
        {
            field: 'name',
            title: '姓名'
        },
        {
            field: 'email',
            title: '邮箱'
        },
        {
            field: 'phone',
            title: '手机'
        },
        {
            field: 'address',
            title: '地址'
        },
        {
            field: 'status',
            title: '状态',
            align: 'center',
            formatter:userStatus
        },
        {
            field: 'createTime',
            title: '创建时间',
            sortable: true
        },
        {
            field: 'operation',
            title: '操作',
            align: 'center',
            formatter: function (value, row, index) {
                var editBtn = '<button type="button" class="btn btn-primary btn-xs" onclick="editUser(\'' + row.id + '\')">修改</button> ';
                var deleteBtn = '<button type="button" class="btn btn-danger btn-xs "  onclick="deleteUser(\'' + row.id + '\')">删除</button> ';
                return editBtn + deleteBtn ;
            }
        }
        ];

    $('#userTable').bootstrapTable({
        url: '/user/list',                                  // 请求后台的URL（*）
        contentType: "application/x-www-form-urlencoded",   // 编码类型
        method: 'get',                                      // 请求方式（*）
        cache: false,                                       // 是否使用缓存
        striped: true,                                      // 是否显示行间隔色
        sortable: true,                                     // 是否启用排序
        sortStable: true,                                   // 设置为 true 将获得稳定的排序
        sortName: "name",                                   // 排序列名称
        sortOrder: "asc",                                   // 排序方式  asc 或者 desc
        pagination: true,                                   // 是否显示分页（*）
        pageNumber: 1,                                      // 初始化加载第一页，默认第一页
        pageSize: 10,                                       // 每页的记录行数（*）
        pageList: [10, 20, 50],                             // 可供选择的每页的行数（*）
        iconSize: 'outline',                                // 图标大小：undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮
        toolbar: '#toolbar',                                // 指定工作栏
        sidePagination: "server",                           // 启用服务端分页
        search: false,                                      // 是否显示搜索框功能
        showSearch: true,                                   // 是否显示检索信息
        showRefresh: true,                                  // 是否显示刷新按钮
        showColumns: true,                                  // 是否显示隐藏某列下拉框
        showToggle: true,                                   // 是否显示详细视图和列表视图的切换按钮
        showExport: false,                                  // 是否支持导出文件
        queryParams: queryParams,                           // 传递参数（*）
        columns: columns,                                   // 显示列信息（*）
        responseHandler: responseHandler                    // 回调函数
    });
    // 请求获取数据后处理回调函数
    function responseHandler(result) {
        if (result.code == 200) {
            return {
                rows: result.rows,
                total: result.total
            };
        } else {
            return {
                rows: [],
                total: 0
            };
        }
    }
    // 查询条件
    function queryParams(params) {
        return {
            // 传递参数查询参数
            pageSize: params.limit,
            pageNum: params.offset / params.limit + 1,
            username: $("#user_username").val(),
            name: $("#user_name").val(),
            address: $("#user_address").val(),
        };
    }
}

/* 用户状态显示 */
function userStatus(value, row, index) {
    if (row.status == 1) {
        return '<i class=\"fa fa-toggle-on text-info fa-2x\" onclick="changeStatus(\'' + row.id + '\',\'0' +'\')"></i> ';
    } else {
        return '<i class=\"fa fa-toggle-off text-info fa-2x\" onclick="changeStatus(\'' + row.id + '\',\'1' + '\')"></i> ';
    }
}

//修改用户状态
function changeStatus(id,status) {
    $.modal.confirm("确认要禁用用户吗？", function() {
        $.operate.post("change/status", { "id": id, "status": status });
    })
}

//新增用户
function searchUser() {
    $("#userTable").bootstrapTable('refresh');
}

//新增用户
function addUser() {
    $("#userModalLabel").text("新增用户");
    $('#userModal').modal();
}

//编辑用户
function editUser() {
    $("#userModalLabel").text("修改用户");
    $('#userModal').modal();
}

//删除用户
function deleteUser() {
    //取表格的选中行数据
    var selection = $("#bootstrap-table").bootstrapTable('getSelections');
    if (selection.length <= 0) {
        $.modal.msg('请选择有效数据');
        return;
    }
    $.modal.confirm("确认要删除选择的数据吗？" , function (e) {
        if (e) {
            var url = "";
            var data = new Object();
            $.operate.post(url, data);
        }
    });
};